<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>APP</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
</head>
<body>
	<p class="aui-text-center">默认样式</p>
	<div class="aui-tips" id="tips-1">
        <div class="aui-tips-content aui-ellipsis-1" >
            <i class="aui-iconfont aui-icon-warnfill"></i>
            消息提示条消息提示条消息提示
            <i class="aui-iconfont aui-icon-roundclosefill" tapmode onclick="closeTips()"></i>
        </div>
    </div>
    <p class="aui-text-center">.aui-tips-danger</p>
    <div class="aui-tips aui-tips-danger">
        <div class="aui-tips-content aui-ellipsis-1">
            <i class="aui-iconfont aui-icon-warnfill"></i>
            消息提示条消息提示条消息提示条消息提示条消息提示条
            <i class="aui-iconfont aui-icon-roundclosefill"></i>
        </div>
    </div>
    <p class="aui-text-center">.aui-tips-warning</p>
	<div class="aui-tips aui-tips-warning">
        <div class="aui-tips-content aui-arrow-right aui-ellipsis-1">
            <i class="aui-iconfont aui-icon-warnfill"></i>
            消息提示条消息提示条消息提示条消息提示条消息提示条
        </div>
    </div>
    <p class="aui-text-center">.aui-tips-info</p>
	<div class="aui-tips aui-tips-info">
        <div class="aui-tips-content aui-arrow-right aui-ellipsis-1">
            <i class="aui-iconfont aui-icon-warnfill"></i>
            消息提示条消息提示条消息提示条消息提示条消息提示条
        </div>
    </div>
    <p class="aui-text-center">.aui-tips-primary</p>
	<div class="aui-tips aui-tips-primary">
        <div class="aui-tips-content aui-arrow-right aui-ellipsis-1">
            <i class="aui-iconfont aui-icon-warnfill"></i>
            消息提示条消息提示条消息提示条消息提示条消息提示条
        </div>
    </div>
    <p class="aui-text-center">.aui-tips-success</p>
	<div class="aui-tips aui-tips-success">
        <div class="aui-tips-content aui-arrow-right aui-ellipsis-1">
            <i class="aui-iconfont aui-icon-warnfill"></i>
            消息提示条消息提示条消息提示条消息提示条消息提示条
        </div>
    </div>

</body>
<script type="text/javascript" src="../script/api.js" ></script>
<script type="text/javascript">
	apiready = function(){
		api.parseTapmode();
	}
	function closeTips(){
		$api.remove($api.byId("tips-1"));
	}
</script>
</html>